const app = getApp();

Component({

  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    //  文章内容列表
    initArticles:[
      {
        imgSrc:'../../../images/article01.png',
        title:'心理小科普四则',
        content:'你知道吗，决定我们喜欢什么味道的关键不是味觉，而是嗅觉，人类的基本味觉大致分为五种类型'
      },
      {
        imgSrc:'../../../images/article02.png',
        title:'心理小科普四则',
        content:'你知道吗，决定我们喜欢什么味道的关键不是味觉，而是嗅觉，人类的基本味觉大致分为五种类型'
      },{
        imgSrc:'../../../images/article03.png',
        title:'心理小科普四则',
        content:'你知道吗，决定我们喜欢什么味道的关键不是味觉，而是嗅觉，人类的基本味觉大致分为五种类型'
      },{
        imgSrc:'../../../images/article04.jpg',
        title:'心理小科普四则',
        content:'你知道吗，决定我们喜欢什么味道的关键不是味觉，而是嗅觉，人类的基本味觉大致分为五种类型'
      },
      {
        imgSrc:'../../../images/article05.jpg',
        title:'心理小科普四则',
        content:'你知道吗，决定我们喜欢什么味道的关键不是味觉，而是嗅觉，人类的基本味觉大致分为五种类型'
      },{
        imgSrc:'../../../images/article06.jpg',
        title:'心理小科普四则',
        content:'你知道吗，决定我们喜欢什么味道的关键不是味觉，而是嗅觉，人类的基本味觉大致分为五种类型'
      },
    ],
    articles:[      {
      imgSrc:'../../../images/article07.jpg',
      title:'心理小科普四则',
      content:'你知道吗，决定我们喜欢什么味道的关键不是味觉，而是嗅觉，人类的基本味觉大致分为五种类型'
    },
    {
      imgSrc:'../../../images/article08.jpg',
      title:'心理小科普四则',
      content:'你知道吗，决定我们喜欢什么味道的关键不是味觉，而是嗅觉，人类的基本味觉大致分为五种类型'
    },
    {
      imgSrc:'../../../images/article09.jpg',
      title:'心理小科普四则',
      content:'你知道吗，决定我们喜欢什么味道的关键不是味觉，而是嗅觉，人类的基本味觉大致分为五种类型'
    },
    {
      imgSrc:'../../../images/article10.jpg',
      title:'心理小科普四则',
      content:'你知道吗，决定我们喜欢什么味道的关键不是味觉，而是嗅觉，人类的基本味觉大致分为五种类型'
    },],
    //  用于分页的数据
    pageNum:1,    // 用于分页的页码
    pageSize: 5,  // 每页显示的数量
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 生命周期函数---监听页面加载
      onLoad:function(optins){
        const url = app.globalData.baseUrl;
        console.log(url);
        this.loadArticles(); // 页面加载时调用加载文章的函数  
      },
    //  页面上拉触底时间的处理函数
    onReachBottom:function(){
      this.loadData();    // 加载更多数据
    },

//   获得文章
getArticles: function(pageNumber, pageSize) {  
  // 这里应该是获取文章的逻辑  
  // 返回一个Promise，该Promise在解析时包含文章数据  
  return new Promise((resolve, reject) => {  
    // API 可以传进数据
    wx.request({  
        url: '/pages/index/Heart/Heart.js',  
        data: {  
        page: pageNumber,  
        size: pageSize  
      },  
      success: (res) => {  
        resolve(res.data);  
      },  
      fail: (err) => {  
        reject(err);  
      }  
    });  
  });  
},  
	  // 加载文章的函数  
loadArticles: function() {  
      console.log("进入加载文章方法")
      const that = this;  
      // 假设getArticles函数已经定义，并且它接受页码和页面大小作为参数  
      this.getArticles(that.data.pageNumber, 4).then(res => { // 每次加载4条数据  
        const newArticles = res.articles;  
        that.setData({  
          articles: that.data.articles.concat(newArticles),  
          pageNumber: that.data.pageNumber + 1 // 页码递增  
        });  
      });  
    },  
// 页面上拉触底事件的处理函数  
onReachBottom: function() {  
  this.loadArticles(); // 加载更多文章  
} 
  }
})